<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body {
	background-color: #eff3f6;
}
form    {
background: -webkit-gradient(linear, bottom, left 175px, from(#CCCCCC), to(#EEEEEE));
background: -moz-linear-gradient(bottom, #CCCCCC, #EEEEEE 175px);
margin:auto;
position:relative;
width:350px;
height:480px;
font-family: Tahoma, Geneva, sans-serif;
font-size: 14px;
font-style: italic;
line-height: 24px;
font-weight: bold;
color: #000;
text-decoration: none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:10px;
border: 1px solid #999;
border: inset 1px solid #333;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
input    {
width:275px;
display:block;
border: 1px solid #999;
height: 25px;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
input.submit {
	width: 100px;
	position: absolute;
	leftt: 20px;
	bottom: 20px;
	background: #660000;
	color: #000;
	font-family: Tahoma, Geneva, sans-serif;
	height: 30px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: 1p solid #999;
	background-color: #999999;
}
input.submit:hover {
background:#fff;
color:#660000;
}
textarea:focus, input:focus {
border: 1px solid #FF6600;
}
</style>
</head>

<body>
<form id="form1" name="form1" method="post" action="regx.php">
  <label for="fname">First Name</label>
  <input type="text" name="fname" id="fname" tabindex="1" 
  required="required" /> 
  <label for="lname"><br />
  Last Name:</label>
  <input type="text" name="lname" id="lname" tabindex="2" required="required" />
  <label for="user"><br />
  User Name</label>
  <input type="text" name="user" id="user" tabindex="3" required="required" />
  <label> <br />
    New Password
<input type="password" name="pass" id="pass" tabindex="4" required="required" />
    <br />
    Confirm Password
<input type="password" name="pass1" id="pass1" tabindex="5" required="required" />
    <br />
    Sex
    <select name="sex" id="sex" tabindex="6">
      <option value="0" selected="selected">Male</option>
      <option value="1">Female</option>
    </select>
  </label>
  <input name="reg" type="submit" class="submit" id="reg" tabindex="7" value="Sign Up" /> <div style="position: absolute; left: 202px; top: 458px; color: #006;"><a href="login.php">Login</a></div>
</form>
</body>
</html>